<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>商品详情页</title>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/commm.css"/>
    <link rel="stylesheet" type="text/css" href="font/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/category.css">
</head>
<body>
  <header  class="header">
    <div class="top clearfix">
      <div class="hd_left"><img src="images/header_logo.png" alt=""></div>
      <div class="hd_right"><img src="images/header_app.png" alt=""></div>
    </div>
    <div class="input">
        <input type="search" placeholder="请输入你要搜索的文字">
        <a href="#"><span class="sousuo">搜索</span></a>
    </div>
  </header>
  <ul id="category">
      <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
      <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingOne">
      <h4 class="panel-title">
        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          大家电
        </a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
      <div class="panel-body">
        <ul class="clearfix">
         <a href="#"><li>电视</li></a>
        <a href="#"><li>空调</li></a>
        <a href="#"><li>影院</li></a>
        <a href="#"><li>冰箱</li></a>
        <a href="#"><li>DVD</li></a>
        <a href="#"><li>音响</li></a>
        <a href="#"><li>洗衣机</li></a>
        <a href="#"><li>热水器</li></a>
        <a href="#"><li>酒柜</li></a>
        <a href="#"><li>消毒柜</li></a>
      </ul>
      </div>
    </div>
  </div>
</div>
  </ul>
    <div class="more">更多优惠信息</div>
  <div class="discount clearfix">
    <div class="distitle clearfix">
      <div class="disbar">品牌排行</div>
      <div class="icon"><</div>
    </div>
    <div class="login">
        <ul>
          <a href=""><li>登录</li></a>
          <a href=""><li class="mid">注册</li></a>
          <a href="#"><li>返回首页</li></a>
        </ul>
    </div>
  </div>
    <p class="bot"><span class="reds">手机app下载</span> 慢慢买手机版 -- <span class="grays">掌上比价平台</span></p>
    <p class="bot">m.manmanbuy.com</p>
</body>
<script src="js/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="js/template.js"></script>
<script src="js/cat.js"></script>
<!-- <script src="js/function.js"></script> -->
<script type="text/html" id="price">
{{if result}}
 <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
{{each result as value}}
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="heading{{value.titleId}}">
      <h4 class="panel-title">
        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{value.titleId}}" aria-expanded="true" aria-controls="collapse{{value.titleId}}">
          {{value.title}}
          <span id="arrow-up"><img src="images/ss.png" alt=""></span>
        </a>
      </h4>
    </div>
    <div id="collapse{{value.titleId}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{value.titleId}}">.
      <div class="panel-body">
        <ul class="clearfix">
      </ul>
      </div>
    </div>
  </div>
{{/each}}
</div>
{{/if}}
</script>
<script type="text/html" id="xiaobiaoti">
  {{if result}}
  {{each result as value}}
  <a href="#"><li>{{value.category}}</li></a>
  {{/each}}
  {{/if}}
</script>>
</html>
